@import "../../../commin/commin.less";
.upload-images{
    margin:39rpx 26rpx;
}
page{
    background-color: #F5F7FA;
}
.problem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .paddings(25rpx,32rpx,25rpx,32rpx);
    background-color: @white-color;
    .feedBack-label{
        .fontsize(34rpx);
        font-family: PingFang SC;
        font-weight: 500;
        color: @orange;
    }
    .feedBack-type{
        font-size: 34rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color:@text-color3;
    }
    .problem-type{
        .fontsize(26rpx);
        font-family: PingFang SC;
        font-weight: 500;
        color: #707485;
    }
}
.feedBack-content{
    .kuangao(702rpx,459rpx);
    margin: 16rpx auto 0;
    background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
    .borders(2rpx,@white-color);
    box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
    border-radius: 16rpx;
    .content-header{
        .paddings(41rpx,32rpx,44rpx,32rpx);
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid @text-color5;
        .feedBack-label{
            .fontsize(34rpx);
            font-family: PingFang SC;
            font-weight: 500;
            color: @orange;
        }
        .feedBack-type{
            .fontsize(34rpx);
            font-family: PingFang SC;
            font-weight: 500;
            color:@text-color3;
        }
        .textareaNum{
            .fontsize(30rpx);
            font-family: PingFang SC;
            font-weight: bold;
            color: #C0C4CC;
        }
    }
    .textarea-wrap{
        .kuangao(638rpx,264rpx);
        background: @text-color6;
        border-radius: 10rpx;
        .margins(40rpx,32rpx,40rpx,32rpx);
        box-sizing: border-box;
    }
    .textarea{
        .kuangao(100%,100%);
        .paddings(42rpx,32rpx,42rpx,32rpx);
        .fontsize(26rpx);
        box-sizing: border-box;
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color2;
    }
    .placeholder-class{
        .fontsize(26rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: #C0C4CC;
    }
}
.feed-picture{
    .kuan(702rpx);
    .margins(16rpx,24rpx,16rpx,24rpx);
    background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
    .borders(2rpx,@white-color);
    box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
    border-radius: 16rpx;
    .picture-header{
        .paddings(41rpx,32rpx,44rpx,32rpx);
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        border-bottom: 1px solid @text-color5;
        .picture-label{
            .fontsize(30rpx);
            font-family: PingFang SC;
            font-weight: bold;
            color: @text-color3;
        }
        .pictureNum{
            .fontsize(30rpx);
            font-family: PingFang SC;
            font-weight: bold;
            color: #C0C4CC;
        }
    }
    .imgList{
        display: flex;
        flex-wrap: wrap;
        .margins(39rpx,26rpx,39rpx,26rpx);
        .imgList-item{
            width: 25%;
            .images{
                .kuangao(148rpx,148rpx);
            }
        }
    }

}
.phone{
    .paddings(30rpx,32rpx,30rpx,32rpx);
    .kuangao(702rpx,88rpx);
    .margins(16rpx,24rpx,40rpx,24rpx);
    box-sizing: border-box;
    background:@white-color;
    .borders(2rpx,@white-color);
    box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
    border-radius: 16rpx;
    display: flex;
    align-items: center;
    .phone-label{
        .fontsize(30rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color3;
        .feedBack-label{
            .fontsize(34rpx);
            font-family: PingFang SC;
            font-weight: 500;
            color: @orange;
        }
    }
    .input-wrap{
        margin-left: 24rpx;
        line-height: 48rpx;
        color: #303133;
        .input{
            border-radius: 8rpx;
            font-family: PingFang SC;
            font-weight: 500;
            .paddings(auto,11rpx,auto,11rpx);
            box-sizing: border-box;
        }
        .placeInput{
            font-size: 30rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #C0C4CC;
        }
    }
}
.submitFeedBack{
    .kuangao(680rpx,88rpx);
    background: var(--btnColor);
    box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    border-radius: 44rpx;
    line-height: 88rpx;
    .textalign();
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: @white-color;
    .margins(0,auto,78rpx,auto);
}
.submitFeedBack2{
    .kuangao(680rpx,88rpx);
    background: #C0C4CC;
    border-radius: 44rpx;
    line-height: 88rpx;
    .textalign();
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: @white-color;
    .margins(0,auto,78rpx,auto);
}
.submitFeedBack[disabled]:not([type]){
    background: #d9d9d9;
}
.type-wrap{
    text-align: center;
    .type{
        .gao(80rpx);
        line-height: 80rpx;
        border-bottom: 1rpx solid rgb(235, 234, 234);
        font-size: 35rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color2;
    }
}
